import React, { Component } from "react";
import styled from "styled-components";

const Hello = styled.p`
  font-size: 30px;
  ${(props) => ({ color: props.color, fontWeight: props.weight })};
`;

class App extends Component {
  render() {
    return (
      <>
        <h2>css-in-js</h2>
        <Hello color="red">hello react!!</Hello>
        <Hello color="blue" weight={900}>
          hello react2!!
        </Hello>
      </>
    );
  }
}

export default App;
